div {
	width: 100%;
	text-align: center;
}

body {
	background-image: url(../img/bg.jpg);
}

p {
	font-size: 16px;
	height: 50px;
	width: 100%;
	line-height: 50px;
	cursor: pointer;
	background: #575e63;
	/* fallback colour */
	border-top: 1px solid #878e98;
	border-bottom: 1px solid #33373d;
	color: #fff;
	text-shadow: 0 1px 1px #000;
	letter-spacing: 0.09em;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#575e63), to(#3f4347));
	background: -webkit-linear-gradient(top, #575e63, #3f4347);
	background: -moz-linear-gradient(top, #575e63, #3f4347);
	background: -ms-linear-gradient(top, #575e63, #3f4347);
	background: -o-linear-gradient(top, #575e63, #3f4347);
}

p:hover {
	background: #566f82; /* fallback colour */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#566f82), to(#3e505e));
	background: -webkit-linear-gradient(top, #566f82, #3e505e);
	background: -moz-linear-gradient(top, #566f82, #3e505e);
	background: -ms-linear-gradient(top, #566f82, #3e505e);
	background: -o-linear-gradient(top, #566f82, #3e505e);
}

li {
	height: 40px;
	width: 100%;
	background: rgba(65, 80, 77, 0.7);
	line-height: 40px;
	border-bottom:1px solid #707781;
}

li>a {
	font-size: 14px;
	text-decoration: none;
	color: rgb(196, 208, 213);
}

li>a:hover {
	color: white;
}